   <!-- side start -->
      <aside class="side">
          <div class="side-activities">
              <h3 class="activities-title">在线文章<a href="javascript:void(0)">更多</a></h3>
              <div class="activities-img">
                  <a href="javascript:void(0);" target="_blank">
                      <img src="{% static 'images/timg.jpg' %}" alt="title">
                  </a>
                  <p class="activities-tips">走上人生巅峰</p>
              </div>
              <ul class="activities-list">
                  <li>
                      <a href="javascript:void(0);" target="_blank">
                          <span class="active-status active-start">o((>ω< ))o</span>
                          <span class="active-title"><a
                                  href="javascript:void(0);"> 广告1</a></span>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);" target="_blank">
                          <span class="active-status active-end">德玛西亚</span>
                          <span class="active-title"><a
                                  href="javascript:void(0)">广告2</a></span>
                      </a>
                  </li>
              </ul>
          </div>
          <div class="side-attention clearfix">
              <h3 class="attention-title">关注我</h3>
              <ul class="side-attention-address">
                  <li>
                      <a href="javascript:void(0);" target="_blank"><i class="iconfont icon-mayun"
                      style="color: red"></i>Gitee</a>
                  </li>
                  <li>
                      <a href="javascript:void(0);" target="_blank"><i class="iconfont icon-jianshu"
                                                                       style="color: #ffa239;"></i>简书</a>
                  </li>
                  <li>
                      <a href="javascript:void(0);" target="_blank"><i class="iconfont icon-qq1"
                                                                      style="color: #0befff"></i>QQ</a>
                  </li>
              </ul>
              <div class="side-attention-qr">
                  <p>扫码关注</p>
              </div>
          </div>

          <div class="side-hot-recommend">
              <h3 class="hot-recommend">热门文章</h3>
              <ul class="hot-news-list">

                  <li>
                      <a href="javascript:void(0)" class="hot-news-contain clearfix">
                          <div class="hot-news-thumbnail">
                              <img src="{% static 'images/python_web.jpg' %}"
                                   alt="">
                          </div>
                          <div class="hot-news-content">
                              <p class="hot-news-title">Django调试工具django-debug-toolbar安装使用教程</p>
                              <div class="hot-news-other clearfix">
                                  <span class="news-type">python框架</span>
                                  <!-- 自带的 -->
                                  <time class="news-pub-time">11月11日</time>
                                  <span class="news-author">python</span>
                              </div>
                          </div>
                      </a>
                  </li>

              </ul>
          </div>


      </aside>
    <!-- side end -->